.layout {
  display: flex;
    // justify="space-between" 在主轴（横向）上对齐方式：左右两端对齐，子元素之间均匀分布。
    // align="center" 在交叉轴（纵向）上对齐方式：居中对齐。
    justify-content: space-between;
    align-items: center;
  width: 100vw;
  /* 宽度占满整个视口 */
  height: 60px;
  /* 高度固定为 60px */
  background-color: white;
    /* 背景颜色为白色 */
    padding: 0 350px;
      /* 左右内边距为 350px，上下内边距为 0 */
  border-radius: 0;
  /* 不使用圆角 */
  border-bottom: 2px solid #e5e5e5;
    /* 底部添加一条 2px 灰色边框 */
    box-sizing: border-box;
}
.title_first {
  width: 80%;
}

.title_img {
  width: 68px;
}

.name_list {
  margin-left: 50px;
}

.menu {
  // border-bottom: none !important; // 移除底部边框
  width: 100%;
    margin-left: 40px;
    font-size: 16px;
}

.login_div {
  margin-left: auto;
    height: 100%;
    // width: 20%;
    display: flex;
      align-items: center;
//   margin 属性用于设置外边距，这里指定：
  // 0（垂直方向的上、下外边距）➡ 无上下外边距。
  // auto（水平方向的左、右外边距）➡ 自动计算，使元素水平居中。
}

.button {
  color: rgb(39, 102, 146);
    line-height: 60px;
    font-size: 18px;
    font-weight: 600;
}

.button:hover {
  color: red;
}
.message_icon {
  margin-left: 7px;
  color: rgb(39, 102, 146);
}

.message_icon:hover {
  color: rgb(0, 6, 10);
  font-weight: bold;
}